<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">

        <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
        Remove this if you use the .htaccess -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

        <title>#{get 'title' /}</title>

        <meta name="description" content="Sistema de empréstimo de livros" />
        <meta name="author" content="Giancarlo Silva & Daniel Lobao" />
        <meta name="viewport" content="width=device-width; initial-scale=1.0" />
        
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/bootstrap.min.css'}" />
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/style.css'}" />
        #{get 'moreStyles' /}
        
        <link rel="shortcut icon" type="image/jpg" href="@{'/public/images/cabeceira.jpg'}" />
        <link rel="apple-touch-icon" type="image/jpg" href="@{'/public/images/cabeceira.jpg'}" />
        #{set 'moreScripts'}
        	<script type="text/javascript">
			$(document).ready(function(){
				
			   $('#livrosRadio').click(function(){
			      $('#formBusca').attr('action','@{Panel.realizarPesquisaLivro()}');
			   });
			 
			   $('#usuariosRadio').click(function(){
			      $('#formBusca').attr('action','@{Panel.realizarPesquisaUsuario()}');
			   });
			   
			   $('#tituloRadio').click(function(){
				      $('#buscaLivro').attr('action','@{Panel.realizarPesquisaLivroCentral()}');
				   });
				 
			   $('#isbnRadio').click(function(){
			      $('#buscaLivro').attr('action','@{Panel.pesquisaLivroIsbn()}');
			   });
			   
			   $('#autorRadio').click(function(){
				      $('#buscaLivro').attr('action','@{Panel.pesquisaAutor()}');
				});
			});
			</script>
        #{/set}
        
    </head>
    <body id="corpo">
        <div class="container">
            <div class="span12" id="cabecalho">
                <div id="logo">
                    <a href="@{Panel.index()}"><img src="@{'/public/images/cabeceira-logo.png'}" /></a>
                </div><!-- #logo -->
				<div id="loginSenha">
					Logado como <h3>${usuario}</h3>
				</div>
                <div id="busca">
                <form  action="" id="formBusca">
                    Busca:
                    Livros
                    <input type="radio" name="busca" id="livrosRadio">
                    Usuários
                    <input type="radio" name="busca" id="usuariosRadio">
                    <input type="text" name="texto" id="texto"/>
                    <button type="submit" id="pesquisaSuperior">
                        Pesquisar
                    </button>
                 </form>
                </div><!-- #busca -->
            </div><!-- #cabecalho -->
            <div class="span12" id="paginas">
                <menu id="menuPosLogin">
                    <ul>
                        <li><a href="@{Panel.index}">Início</a></li>
                        <li><a href="@{Panel.listarLivros}">Livros</a></li>
                        <li><a href="@{Panel.exibirEstante}">Minha estante</a></li>
                        <li><a href="@{Panel.exibirMeuPerfil}">Meu Perfil</a></li>
                        <li><a href="@{Panel.cadastrarLivro}">Cadastrar Livro</a></li>
                        <li><a href="@{Panel.listarUsuarios}">Usuários</a></li>
                        <li><a href="@{Panel.listarEmprestimos}">Empréstimos</a></li>
                        <li><a href="@{Seguranca.logout()}">Sair</a></li>
                        <!-- li><a href="perfil.html">Perfil</a></li -->
                    </ul>
                </menu>
            </div><!-- #paginas -->

            <div class="span12" id="conteudo">
                 #{doLayout /}
            </div><!-- #conteudo -->
            <div class="span12" id="rodape">
                <p class="textorodape">
                    2012 - CAADS - IFRN
                </p><!-- .textorodape -->
            </div><!-- #rodape -->
        </div><!-- #container -->
        <script src="@{'/public/javascripts/jquery-1.8.2.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        #{get 'moreScripts' /}
    </body>
</html>